<!-- Popup new category -->
<div id="popup_add_user" class="hidden">

    <div class="content-box corners popup-buttons popup_new_category">
	<header>
	    <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" /><?= COMPANY_NAME ?> Employees</h3>
	    <span class="right-buttons">
		<img src="<?= $this->config->item('webroot') ?>images/ajax_loader_gray.gif" class="hidden loader" width="24" height="24" alt="" />
					<a href="#" class="btn nyroModalClose"><span class="icon icon-disk">&nbsp;</span>Save</a>
		<a href="#" class="btn nyroModalClose"><span class="icon icon-cancel">&nbsp;</span>Cancel</a>
	    </span>
	</header>
	<section class="width-95pc scrollable">
		<form id="form_category">
		<div class="box hidden"></div>
		<div class="colgroup full">
		    <div class="column width-95pc">

			   

			    <div class="category_item to-hide">
				    <a href="#"><img src="<?= $this->config->item('webroot') ?>images/preview-not-available-medium.gif" /><br />
				    Reynold Salceda</a>
			    </div>
			    <div class="category_item to-hide">
				    <a href="#"><img src="<?= $this->config->item('webroot') ?>images/preview-not-available-medium.gif" /><br />
				    Harold Andrino</a>
			    </div>
			    <div class="category_item to-hide">
				    <a href="#"><img src="<?= $this->config->item('webroot') ?>images/preview-not-available-medium.gif" /><br />
				    Paul Ouano</a>
			    </div>






		    </div>
		</div>
	    </form>
	</section>
    </div>

</div>
<!-- end of popup new category popup -->

<style>
	.category_item {
		float:left;
		margin-top:10px;
		margin-right:10px;
		width:100px;
		height:140px;
		border:1px solid #999;
		text-align: center;
		padding:5px;
	}

	#popup_category > div {
		width:400px;
		max-height:600px;
	}

</style>

<script>
	$('.category_item.to-hide a').click(function(){
		
		$('.right-buttons .nyroModalClose').trigger('click');
		return false;
	});

</script>